<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>中国铁路12306</title>
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}

			.c1 {
				font-size: 20px;
				width: 1500px;
				height: 600px;
				border-radius: 1%;
				position: absolute;
				left: 340px;
				border-top: 1px solid #2588ca;
				border-bottom: 1px solid #2588ca;
				border-left: 1px solid #2588ca;
				border-right: 1px solid#2588ca; 
			}

			.c2 {
				background-color: #2588ca;
				color: white;
			}
			.c3 {
				background-color: white;
				width: 1500px;
				height: 1000px;
				
			}
			.c4 {
				position: absolute;
				left: 550px;
				line-height: 40px;
			}
			span#d1 {
				color: red;
			}
			span#d2 {
				color: orange;
			}
			p {
				font-size: 12px;
			}
			a:link{
				color:blue;
				text-decoration:none;
			}
			button{
				background-color: orange;
				color: white;
				position: absolute;
				left: 240px;
				font-size: 20px;
				weight:200px;
				height: 40px;
			}
			label{
				width: 100px;
				text-align: right;
				display: inline-block;
			}
		</style>
	</head>
	<body>
		<img src="images/12306.png" />
		<div class="c1">
			<div class="c2">账户信息</div>
			<form action="#">
				<div class="c3">
					<div class="c4">
						<p><label for="usname"><span id="d1">*</span>&nbsp;&nbsp;用户名：</label><input id="usname" type="text" name="usname"
								placeholder="用户名设置成功后不可修改" minlength="6" maxlength="30" required/><span
								id="d2">6-30位字母、数字或“_”,字母开头</span></p>
						<p><label for="pswd"><span id="d1">*</span>登录密码：</label><input id="pswd" type="password" name="pswd" placeholder="6-20位字母、数字或符号"
								minlength="6" maxlength="20" required /><img src="images/pswd.png" /></p>
						<p><label for="chkpsw"><span id="d1">*</span>确认密码：</label><input id="chkpswd" type="password" name="checkpswd" placeholder="再次输入您的登录密码"
								minlength="6" maxlength="20" required/> </p>
						<p><label for="idcard"><span id="d1">*</span>证件类型：</label><select id="idcard" name="idcard" required>
								<option>中国居民身份证</option>
								<option>港澳台居民居住证</option>
								<option>港澳居民来往内地通行证</option>
								<option>台湾居民来往大陆通行证</option>
								<option>护照</option>
								<option>外国人永久居留身份证</option>
							</select></p>
						<p><label for="cname"><span id="d1">*</span>姓名：</label><input id="cname" type="text" name="cname" placeholder="请输入姓名"  required/><span
								id="d2"><u>姓名填写规则</u> （用于身份核验，请正确填写）</span></p>
						<p><label for="idnum"><span id="d1">*</span>证件号码：</label><input id="idnum" type="text" name="idnum" placeholder="请输入您的证件号码" /><span
								id="d2">（用于身份核验，请正确填写）</span></p>
						<p><label for="passenger_type"><span id="d1">*</span>旅客类型：</label><select id="passenger_type" name="passenger_type" required>
								<option>成人</option>
								<option>儿童</option>
								<option >学生</option>
								<option>残疾军人、伤残人民警察</option>
							</select>
						</p>
						<p><label for="email">邮箱：</label><input id="email" type="text" name="email" placeholder="请正确填写邮箱地址"/></p>
						<p><label for="tel"><span id="d1">*</span>手机号码（+86）：</label><input id="tel" type="tel" name="tel" placeholder="请输入您的手机号码" required/><span
								id="d2">（请正确填写手机号码，稍后将向该手机号码发送短信验证码</span></p>
						<p><input type="checkbox" required/>我已阅读并同意遵守<a href="https://www.12306.cn/mormhweb/logFiles/error.html" target="_blank"> 《中国铁路客户服务中心网站服务条款》</a><a href="https://kyfw.12306.cn/otn/gonggao/privacyPolicy_web.html;jsessionid=D1160BC3BA289E667EF618DBC4732180" target="_blank">《隐私权政策》</a> /></p>
						<button>下一步</button>
					</div>
				</div>
			</form>
		</div>
	</body>
</html>
